﻿.picsignimg {
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}
.picsign {
    position:absolute;
}
.picsign .signdot {
    margin-left:-10px;
    margin-top:-10px;
    width: 20px;
    height: 20px;
    position: absolute;
    /*z-index: 103;*/
    border: rgba(255,255,255,0.4) 2px solid;
    border-radius: 20px;
    cursor: pointer;
    background-color: #6cc3fe;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: breathe;
    animation-name: breathe;
    -webkit-animation-duration: 2000ms;
    animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

@-webkit-keyframes breathe {
    0% {
        opacity: .4;
        border: rgba(255,255,255,0.4) 2px solid;
        box-shadow: 0 1px 2px rgba(255,255,255,0.1);
    }

    100% {
        opacity: 1;
        border: 2px solid rgba(255,255,255,1);
        box-shadow: 0 1px 30px rgba(255,255,255,1);
    }
}

@-moz-keyframes breathe {
    0% {
        opacity: .4;
        border: rgba(255,255,255,0.4) 2px solid;
        box-shadow: 0 1px 2px rgba(255,255,255,0.1);
    }

    100% {
        opacity: 1;
        border: 2px solid rgba(255,255,255,1);
        box-shadow: 0 1px 30px rgba(255,255,255,1);
    }
}

@keyframes breathe {
    0% {
        opacity: .4;
        border: rgba(255,255,255,0.4) 2px solid;
        box-shadow: 0 1px 2px rgba(255,255,255,0.1);
    }

    100% {
        opacity: 1;
        border: 2px solid rgba(255,255,255,1);
        box-shadow: 0 1px 30px rgba(255,255,255,1);
    }
}